<!DOCTYPE html>
<html>

<head lang="en">
    <meta charset="UTF-8">
    <title>产品信息</title>

    <link rel="stylesheet" href="css/product.css"/>

</head>

<body id="product_body">

<script type="text/template" id="swiperTpl">
    {{if data.video_effect}}
    <div class="videoContainer">
        <video id="productVideo" autoplay controls src="{{data.video_effect}}"
               poster="{{data.video_effect}}?vframe/jpg/offset/0" webkit-playsinline playsinline></video>
    </div>
    {{/if}}
    <div id="detail">
        <div class="proDetail">
            <ul>
                <li class="proIntroduce">
                    <p>
                        <img src="{{data.goods_img}}" alt=""/>
                    </p>
                    <!-- <div>
                        <h1>产品信息</h1>
                        <h3>产品型号</h3>
                        <p>{{data.goods_sn}}</p>
                        <h3>产品特点</h3>
                        {{each data.goods_tag as item i}}
                        <p>{{item.name}}</p>
                        {{/each}}
                    </div> -->
                </li>
                {{if data.video_self}}
                <li class="videoli">
                    <video id="proVideo" controls src="{{data.video_self}}"
                           poster="{{data.video_self}}?vframe/jpg/offset/0" webkit-playsinline playsinline></video>
                </li>
                {{/if}}
                <li class="productPic">
                    <div>
                        <img src="{{data.original_img}}" alt=""/>
                    </div>

                </li>
            </ul>
        </div>
    </div>
    <!--用于适配iPhone X底部-->
    <div class="footer_position"></div>
    <!-- <footer id="product_footer">
         <ul>
            <li class="buy">
                <a>购买</a>
            </li>
            <li class="active proMsg">
                <a>产品信息</a>
            </li>
            <li class="appraiseBox">
                <a>评价</a>
            </li>
        </ul> -->
    <!-- </footer>  -->
</script>


<script src="../person_home/js/flexible.js"></script>
<script src="../person_home/js/swiper-3.4.2.min.js"></script>
<script src="../person_home/js/jquery-3.2.1.min.js"></script>
<script src="../person_home/js/template.js"></script>
<script src="../person_home/js/url.js"></script>
<script src="../person_home/js/isIphoneX.js"></script>
<script src="js/productMsg.js"></script>
</body>

</html>